<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title> Facultys Of Engineering Website </title>
        <link rel="stylesheet" type="text/css" href="assets/css/style.css"/>
<link rel="stylesheet" type="text/css" href="assets/css/computer-theme.css"/>

<!--[if IE 8]>
			<link rel="stylesheet" type="text/css" href="assets/css/ie.css"/>
		<![endif]-->
<!--[if IE 7]>
			<link rel="stylesheet" type="text/css" href="assets/css/ie-7.css"/>
		<![endif]-->
       
        <script type="text/javascript" src="assets/js/date.format.js"></script>

        <!-- load jQuery -->
        <script src="assets/js/jquery-1.7.1.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="assets/css/bjqs.css"/>
        <script src="assets/js/bjqs-1.3.js" type="text/javascript"></script>
        <script type="text/javascript" src="assets/js/jquery.carouFredSel-6.2.1.js"></script>
        <script type="text/javascript" src="assets/js/placeholder.js"></script> 
<script type="text/javascript" src="assets/js/cms.js"></script>
        
         <link type="text/css" rel="stylesheet" href="assets/css/jscal2.css" />
        <script src="assets/js/jscal2.js"></script>
        <script src="assets/js/en.js"></script>
    </head>

    <body>
        <div class="container">
            <div class="header"> <a class="logo" href="#"><img src="assets/images/fue-logo-engineering.png" width="182" height="62" alt="FUE" /></a>
                <div class="faculty">
                    <div class="name">Faculty of Computers and Information Technology</div>
                    <div class="slogan">‘Computers and Information Technology’</div>
                </div>
                <ul class="user-menu">
                    <li><a href="home-login.html">Log-in</a></li>
                    <li><a href="#">Library</a></li>
                    <li><a href="Contact_Us.html">Contact</a></li>
                </ul>
                <div class="date" id="today"></div>
                <a class="apply-now" href="#"><span>Apply Now</span></a>
                <div class="clearfix"></div>
                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="#">About the Faculty</a>
                            <ul>
                                <li><a href="aboutus.html">About Us</a></li>
                                <li><a href="About_Dean.html">Dean's Welcome Message</a>
                                    <!--<ul>
                                      <li><a href="#">About The Faculty</a></li>
                                        <li><a href="#">Overview</a></li>
                                        <li><a href="#">philosophy</a></li>
                                  </ul>-->
                                </li>
                                <li><a href="aboutus.html">Mission and Vision</a></li>
                                <!--<li><a href="Contact_Us.html">Contact us</a></li>-->
                            </ul>
                        </li>
                        <li><a href="#">Academics</a>
                            <ul>
                                <li><a href="#">Undergraduate Programs</a>
                                    <ul>
                                        <li><a href="Departments.html">Departments</a></li>
                                        <li><a href="Course_List.html">Course List </a></li>
                                        <li><a href="#">Course Description</a></li>
                                    </ul>
                                </li>
                                <!-- <li><a href="#">Postgraduate Programs</a></li> -->
                                
                              <li><a href="Faculty-Regulations.html">Faculty Regulations</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Faculty staff</a>
                            <ul>
                                <li><a href="Staff_Inner.html">Dean</a></li>
                                <li><a href="Staff.html">Vice's Dean</a></li>
                                <li><a href="Staff.html">Professors</a></li>
                                <li><a href="Staff.html">Lectures</a></li>
                                <li><a href="Staff.html">Teaching assistant</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Facilities</a>
                            <ul>
                                <li><a href="Facilities_Inner.html">Lecture Halls</a></li>
                                <li><a href="Facilities_Inner.html">Laboratories</a></li>
                                <li><a href="Facilities_Inner.html">Students Training</a></li>
                            </ul>
                        </li>
                        <li><a href="Research-Centers.html">Research Center</a></li>
                        <li><a href="#">Gallery</a></li>
                        <li><a href="Contact_Us.html">Contact</a></li>
                    </ul>
                </nav>
                <div class="header_spaceing"></div>
            </div>

            <div class="go-to-links">
                <ul id="menu">
                    <li>
                        <div href="#">Student Portal</div>
                        <ul class="sub-menu">
                            <li> <a href="#">Moodle</a> </li>
                            <li> <a href="#">Time table</a> </li>
                            <li> <a href="#">Web main</a> </li>
                            <li> <a href="#">Programs</a> </li>
                        </ul>
                    </li>
                    <li>
                        <div href="#">Prospective Students</div>
                        <ul class="sub-menu">
                            <li> <a href="#">Admission</a> </li>
                            <li> <a href="#">Reseaech Centers</a> </li>
                            <li> <a href="#">Programmes Offered</a> </li>
                            <li> <a href="#">Requirements</a> </li>
                        </ul>
                    </li>
                    <li>
                        <div href="#">Visitors</div>
                        <ul class="sub-menu">
                            <li> <a href="#">About The Faculty</a> </li>
                            <li> <a href="#">Location & Direction</a> </li>
                            <li> <a href="#">Accommodation</a> </li>
                            <li> <a href="#">Library</a> </li>
                            <li> <a href="#">Programs Offered</a> </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="breadcrumb">
                <ul>
                    <li> <a href="#"> <span class="home-icon"></span> Home </a> </li>
                    <li>|</li>

                    <li> <a href="#">Calendar</a> </li>
                </ul>
            </div>
            
           
            <div class="main-container">
              <div class="center-coulmn">
               <div class="search">
                        <form>
                            <input type="text" placeholder="Search..." />
                        </form>
                    </div>
                    <h1 class="level-1">
                            <span>faculty Calendar </span>
                            <span class="article-action">
                                <a href="assets/pdf/File-Download-HTML.pdf" target="_blank" title="Dowanload PDF"><img src="assets/images/pdf.png" width="12" height="12"  /></a>
                                <a  onClick="window.print()" title="Print"> <img src="assets/images/print.png" width="14" height="12"  /></a>
                                <a href="mailto:someone@example.com?Subject=Subject%20Title" target="_blanck" title="Send to mail"><img src="assets/images/mail.png" width="14" height="9"  /></a>
                            </span>
                        </h1>
                        
                        
                        <div class="calendar-left-side">
            	<h3>
                	Search
                </h3>
                <form>
                	<input type="text" />
                    <input type="submit" value="" />
                </form>
                <p>
                	Exporting Future University of Egypt is private universities in Egypt.
                </p>
                <div class="calendar-inline">
                	<div id="cont"></div>
                </div>
                <h3>
                	Calender View
                </h3>
                <div class="cal-view">
                	<i>Table </i>
                    <span></span>
                    <ul>
                    	<li><a href="calendar.html">Table</a></li>
                        <li><a href="calendar_2.html">Detail List - Data</a></li>
                        <li><a href="calendar_3.html">Week</a></li>
                    </ul>
                </div>
                
                <div class="check-boxes">
                	<h3>
                		Event Type
                	</h3>
                    
                    <form><ul>
                    
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Athletic</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Awards</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Classes / Workshops</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Commerce & Business Admin.</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Computers & Information Technology</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Concerts</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Conferences</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Education</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Economics & Political Science</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Engineering & Technology</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Ethics</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Exhibitions</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Health Sciences</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Lecture</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Oral & Dental Medicine</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Parties</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Research Studies</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Pharmaceutical Sciences</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Special Events</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Support / Social</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Theatre</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Volunteer Opportunities</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Wellness</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Working @ fue</span>
                            </label>
                        </li>
                    </ul></form>
                    <div class="select-check">
						Select : 
                        <a href="javascript:void(0)" id="checkAll">All</a> 
                        <span>|</span>
                        <a href="javascript:void(0)" id="noCheck">None</a>
                    </div>
                    
                </div>
            </div>
            
            
            <div class="calendar-right-side">
            	<div class="top-stript"></div>
				<h2>
                	
                    <span class="links">
                    <a href="#">
                    	<span class="text">Help </span>
                    	<span class="icon"></span>
                    </a>
                    
                    </span>
                </h2>
                <ul class="gray-list clearfix">
                	<li class="current">
                    	<a href="#">May</a>
                    </li>
                    <li>
                    	<a href="#">jun</a>
                    </li>
                    <li>
                    	<a href="#">jul</a>
                    </li>
                    <li>
                    	<a href="#">aug</a>
                    </li>
                    <li>
                    	<a href="#">sep</a>
                    </li>
                    <li>
                    	<a href="#">oct</a>
                    </li>
                </ul>
                <div class="clearfix month-view">
                <div class="month">
                	May<span class="year"> ,2013</span>
                </div>
                
                <div class="controls">
                	<a href="#" class="prev">Prev</a>
                    <a href="#" class="next">Next</a>
                </div>
                </div>
                
                <div class="events-month clearfix">
                    <ul>
                    	<li class="clearfix">
                        	<div class="events-header">
		                    	<span>Wed., May 1 | 8:45 a.m.</span>
                    		</div>
                            <div class="event">
                            	<img src="assets/images/month-event-1.jpg" alt="" />
                                <div class="event-details">
                                	<a href="#" class="event-title">Fall Semester Registration</a>
                                    <p>
                                    	The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of Egypt" which Juliet" play which was performed by the FUE students and directed by Mr. Khaled Galal
                                    </p>
                                    <a href="#" class="event-url">http://www.futureuniversity.edu.eg/</a>
                                    <div class="clearfix">
                                    	<span class="label">Time:</span>
                                        <span class="value">8:45 am</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Location:</span>
                                        <span class="value">The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of by Mr. Khaled Galal.</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Cost:</span>
                                        <span class="value">Free and open to the public</span>
                                    </div>
                                </div>
                                
                            </div>
                            
                        </li>
                        <li class="clearfix">
                        	<div class="events-header">
		                    	<span>Wed., May 1 | 8:45 a.m.</span>
                    		</div>
                            <div class="event">
                            	<img src="assets/images/month-event-1.jpg" alt="" />
                                <div class="event-details">
                                	<a href="#" class="event-title">Fall Semester Registration</a>
                                    <p>
                                    	The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of Egypt" which Juliet" play which was performed by the FUE students and directed by Mr. Khaled Galal
                                    </p>
                                    <a href="#" class="event-url">http://www.futureuniversity.edu.eg/</a>
                                    <div class="clearfix">
                                    	<span class="label">Time:</span>
                                        <span class="value">8:45 am</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Location:</span>
                                        <span class="value">The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of by Mr. Khaled Galal.</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Cost:</span>
                                        <span class="value">Free and open to the public</span>
                                    </div>
                                </div>
                                
                            </div>
                            
                        </li>
                        <li class="clearfix">
                        	<div class="events-header">
		                    	<span>Wed., May 1 | 8:45 a.m.</span>
                    		</div>
                            <div class="event">
                            	<img src="assets/images/month-event-1.jpg" alt="" />
                                <div class="event-details">
                                	<a href="#" class="event-title">Fall Semester Registration</a>
                                    <p>
                                    	The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of Egypt" which Juliet" play which was performed by the FUE students and directed by Mr. Khaled Galal
                                    </p>
                                    <a href="#" class="event-url">http://www.futureuniversity.edu.eg/</a>
                                    <div class="clearfix">
                                    	<span class="label">Time:</span>
                                        <span class="value">8:45 am</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Location:</span>
                                        <span class="value">The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of by Mr. Khaled Galal.</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Cost:</span>
                                        <span class="value">Free and open to the public</span>
                                    </div>
                                </div>
                                
                            </div>
                            
                        </li>
                        <li class="clearfix">
                        	<div class="events-header">
		                    	<span>Wed., May 1 | 8:45 a.m.</span>
                    		</div>
                            <div class="event">
                            	<img src="assets/images/month-event-1.jpg" alt="" />
                                <div class="event-details">
                                	<a href="#" class="event-title">Fall Semester Registration</a>
                                    <p>
                                    	The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of Egypt" which Juliet" play which was performed by the FUE students and directed by Mr. Khaled Galal
                                    </p>
                                    <a href="#" class="event-url">http://www.futureuniversity.edu.eg/</a>
                                    <div class="clearfix">
                                    	<span class="label">Time:</span>
                                        <span class="value">8:45 am</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Location:</span>
                                        <span class="value">The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of by Mr. Khaled Galal.</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Cost:</span>
                                        <span class="value">Free and open to the public</span>
                                    </div>
                                </div>
                                
                            </div>
                            
                        </li>
                    </ul>
                    <hr />
                    <div class="controls">
                		<a href="#" class="prev">Prev</a>
                    	<a href="#" class="next">Next</a>
               		</div>
                </div>
            </div>
                        
                </div>

                <!-- side coulmn-->

                <div class="clearfix"></div>
            </div>
            <div class="footer">
                <div class="footer-coulmns">
                    <div class="coulmn">
                        <h5>About Faculty </h5>
                        <ul>
                            <li><a href="aboutus.html">About Us</a></li>
                            <li><a href="#">Vision & Mision</a></li>
                            <li><a href="#">News</a></li>
                            <li><a href="#">Jobs & Vacancies</a></li>
                        </ul>
                    </div>
                    <div class="coulmn">
                        <h5>academic</h5>
                        <ul>
                            <li><a href="#">Undergraduate Programs</a></li>
                            <li><a href="#">Postgraduate Programs</a></li>
                            <li><a href="#">Faculty Regulationsment</a></li>
                        </ul>
                    </div>
                    <div class="coulmn">
                        <h5>our staff</h5>
                        <ul>
                            <li><a href="About_Dean.html">Dean</a></li>
                            <li><a href="#">Vice's Dean</a></li>
                            <li><a href="#">Professors</a></li>
                            <li><a href="#">Teaching assistant</a></li>
                        </ul>
                    </div>
                    <div class="coulmn">
                        <h5>Research Centers</h5>
                        <ul>
                            <li><a href="#">Pharmaceutical Factory</a></li>
                            <li><a href="#">Research centers</a></li>
                        </ul>
                    </div>
                    <div class="coulmn">
                        <h5>media</h5>
                        <ul>
                            <li><a href="#">Gallery</a></li>
                            <li><a href="#">Faculty Calendar</a></li>
                            <li><a href="#">Library</a></li>
                            <li><a href="#">Contacts </a></li>
                        </ul>
                    </div>
                    <div class="brochour"> <a href="assets/pdf/File-Download-HTML.pdf" target="_blank" title="Dowanload PDF">
                    		Brochure
                    	</a> </div>
                    <div class="clearfix"></div>
                </div>
                <div class="footer-copy"> <a class="fue-logo"> <img src="assets/images/fue-logo.png" width="58" height="84" /> </a>
                    <div class="content"> Copyright &copy;   Welcome to Future University Website. All Rights Reserved.  Al Tagamoa El Khames , Main Center of Town , End of 90th street Cairo, Egypt . <br/>
                        Faculty of Engineering & Technology<br />
                        <span>Tel: 16383 (16FUE) </span> <span>Fax: +202 26186111</span> <span>e-mail: fue@futureuniversity.edu.eg</span> <span><a href="www.fue.edu.eg">www.fue.edu.eg</a></span> </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
                                    var now = dateFormat(now, "dddd , d mmm yyyy ");
                                    $('#today').text(now)

                      
// cal view list 
	$('.cal-view').click(function(){
		$('.cal-view ul').slideToggle(200, function() {
		});
		$('.cal-view span').toggleClass('down');
	});
			
	$('.cal-view li').click(function(){
		var value = $(this).text();
		$(".cal-view i").text(value);
	});
	
	// events list 
	$('.event-action').click(function(){
		$('.event-action ul').slideToggle(200, function() {
		});
		$('.event-action span').toggleClass('down');
	});
			
	$('.event-action li').click(function(){
		var value = $(this).text();
		$(".event-action i").text(value);
	});

	// check all + check none -----------------------------------------
	
	// * left side 
	$('.check-boxes label input[type=checkbox]').prop('checked', true);
    $("#checkAll").click(function () {
    	$('.check-boxes label input[type=checkbox]').prop('checked', true);
    });
	$("#noCheck").click(function () {
    	$('.check-boxes label input[type=checkbox]').prop('checked', false);
    });
	
	// * table view 
	// $('.calendar-right-side input[type=checkbox]').prop('checked', true);
	
	$(".calendar-right-side #checkAll").click(function () {
    	$('.calendar-right-side input[type=checkbox]').prop('checked', true);
    });
	$(".calendar-right-side #noCheck").click(function () {
    	$('.calendar-right-side input[type=checkbox]').prop('checked', false);
    });
	// Calendar --------------------------------------------------------
	var LEFT_CAL = Calendar.setup({
                    cont: "cont",
                    weekNumbers: false,
                    selectionType: Calendar.SEL_MULTIPLE,
                    titleFormat: "%B %Y"
            });
                                       

                                 
                                    

                                    


        </script>
    </body>
</html>
